<template>
  <div class="bg-[#191a23] box-border pb-5 pt-10 mt-4"> 
    <div class="box-border mx-6 py-5 text-[14px] text-[#616269] border-t-[1px] border-t-[#353642]">
       {{ $t('aboutUS') }}
    </div>
    <div class="box-border mx-6 py-5 mb-4 text-[14px] text-[#616269] border-t-[1px] border-t-[#353642]">
      {{ $t('contactUS') }}
    </div>
    <div class="flex justify-end items-end gap-6 mb-4 px-8 pt-6 border-t-[1px] border-t-[#353642]">
      <van-icon :name="Tiktok" size="1.2rem" />
      <van-icon :name="Toutiao" size="1.2rem" />
      <van-icon :name="Wechat" size="1.2rem" />
      <van-icon :name="MicroBlog" size="1.2rem" />
    </div>
    <div class="text-[8px] text-white text-center">© 2023 TikTok</div>
  </div>
</template>
<script setup lang="ts">
// Tiktok
import Tiktok from "@/assets/images/footer/Tiktok.png"
// 头条
import Toutiao from "@/assets/images/footer/Toutiao.png"
// 微信
import Wechat from "@/assets/images/footer/WeChat.png"
// 微博
import MicroBlog from "@/assets/images/footer/MicroBlog.png"

</script>

<style lang="less" scoped></style>
